<div>
    <el-row class="tac">
        <el-col :span="4">
            <el-menu
                    default-active="2"
                    class="el-menu-vertical-demo"
                    default-active="0-1">
                <el-submenu index="0">
                    <template slot="title">
                        <i class="el-icon-folder"></i>
                        <span>{{tree.defaultData.dir}}</span>
                    </template>
                    <el-menu-item index="0-1" @click="openJointTemplate(tab.defaultData.label, tab.defaultData.label)">
                        <template slot="title">
                            <i class="el-icon-tickets"></i>
                            <span>{{tree.defaultData.item}}</span>
                        </template>
                    </el-menu-item>
                    <tree-Menu @openJointTemplate="openJointTemplate" :nodes="tree.nodes"></tree-Menu>
                </el-submenu>
            </el-menu>
        </el-col>
        <el-col :span="20">
            <el-tabs type="border-card" tab-position="right" style="min-height: 80vh;">
                <el-tabs v-model="tab.selectTab" type="card" @edit="handleTabsEdit">
                    <el-tab-pane
                            key="0"
                            :label="tab.defaultData.label"
                            :name="tab.defaultData.label">
                        <introduce-component :type="type"></introduce-component>
                    </el-tab-pane>
                    <el-tab-pane
                            :key="index"
                            v-for="(item, index) in tab.tabs"
                            :label="item.name"
                            closable="true"
                            :name="item.label">
                        <joint-Template v-if="type === 'jointTemplate'" :path="item.label"></joint-Template>
                        <custom-Template v-else-if="type === 'customTemplate'" :template="item.name" :path="item.label"></custom-Template>
                    </el-tab-pane>
                </el-tabs>
            </el-tabs>
        </el-col>
    </el-row>
</div>